﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>青于蓝_排名技术建站_网站模板设计_个人网站制作_企业网站制作</title>
    <meta name="keywords" content="青于蓝,排名技术建站,网站模板设计,个人网站制作,企业网站制作"/>
    <meta name="description"
          content="青于蓝,如何建立个人网站制作_企业网站建设方案_独立个人博客模板源码程序下载哪个比较好_SEO排名技术建站cms系统制作企业网站个人网站价格_个人博客网站制作视频教学快速建站"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">



    <script src="/theme/news/js/index.js"></script>

    @include("frontend/news/common/js")

    <!-- banner-->
    <link rel="stylesheet" href="/theme/news/css/swiper.min.css">
    <script src="/theme/news/js/swiper.min.js"></script>
    <script src="/theme/news/js/banner.js"></script>
</head>
<body>

{{--顶部--}}
@include("frontend/news/common/header")
<div class="clear blank"></div>

{{--中间内容--}}
<article>
    <!-- banner begin-->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="#"><img src="/theme/news/images/banner1.jpg"><span>推荐</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="/theme/news/images/banner2.jpg"><span>广告</span></a></div>
                <div class="swiper-slide"><a href="#"><img src="/theme/news/images/banner3.jpg"><span>独家</span></a></div>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <!-- banner end-->
    <!-- headline-boc begin-->
    <div class="headline-box whitebg">
        <div class="headline-news">
            <h2 class="headline-news-title"><span>头条</span><a href="/public">个人博客，属于我的小世界！</a></h2>
            <p class="headline-news-smalltext">
                个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p>
            <ul class="headline-news-list">
                <li><a href="/public" title="安静地做一个爱设计的女子">安静地做一个爱设计的女子</a></li>
                <li><a href="/public" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a>
                </li>
                <li><a href="/public" title="Come on,行动起来吧!我们和时间来一场赛跑!">Come
                    on,行动起来吧!我们和时间来一场赛跑!</a></li>
                <li><a href="/public"
                       title="网易博客关闭，何不从此开始潇洒行走江湖！">网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
                <li><a href="/public"
                       title="【告别2018】耕耘才有所得，付出才有收获">【告别2018】耕耘才有所得，付出才有收获</a></li>
                <li><a href="/public" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- headline-box end-->
    <div class="clear blank"></div>
    <!-- tuijian-news begin-->
    <div class="tuijian-news box whitebg tab-num01">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">个人博客</li>
                <li>企业网站</li>
                <li>网站建设</li>
                <li>网页设计</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 图片1 --}}
                @include("frontend/news/full/pic-list1")
                <span class="tab-a-more"><a href="/public" title="更多个人博客"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片2 --}}
                @include("frontend/news/full/pic-list2")
                <span class="tab-a-more"><a href="/public" title="更多企业网站"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片3 --}}
                @include("frontend/news/full/pic-list3")
                <span class="tab-a-more"><a href="/public" title="更多网站建设"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片4 --}}
                @include("frontend/news/full/pic-list4")
                <span class="tab-a-more"><a href="/public" title="更多网页设计"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <!-- tuijian-news end-->
    <div class="clear"></div>
    <div class="ad ad-big fl">大图广告（830*140）</div>
    <div class="ad ad-small fr">小图广告（320*140）</div>
    <div class="clear"></div>
    <div class="pics box whitebg tab-num02">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">个人网站</li>
                <li>企业网站</li>
                <li>外贸网站</li>
                <li>门户网站</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 图片1 --}}
                @include("frontend/news/full/img1")
                <span class="tab-a-more"><a href="/public" title="更多个人网站"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片2 --}}
                @include("frontend/news/full/img2")
                <span class="tab-a-more"><a href="/public" title="更多企业网站"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片3 --}}
                @include("frontend/news/full/img3")
                <span class="tab-a-more"><a href="/public" title="更多外贸网站"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 图片4 --}}
                @include("frontend/news/full/img4")
                <span class="tab-a-more"><a href="/public" title="更多门户网站"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <!-- pics end-->
    <div class="clear blank"></div>
    <div class="news box whitebg tab-num03">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">个人网站</li>
                <li>企业网站</li>
                <li>外贸网站</li>
                <li>门户网站</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 最新1 --}}
                @include("frontend/news/full/zuixin1")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 最新2 --}}
                @include("frontend/news/full/zuixin2")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 最新3 --}}
                @include("frontend/news/full/zuixin3")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 最新4 --}}
                @include("frontend/news/full/zuixin4")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <!-- news end-->
    <div class="clear"></div>
    <div class="ad ad-big fl">大图广告（830*140）</div>
    <div class="ad ad-small fr">小图广告（320*140）</div>
    <div class="clear"></div>
    <div class="videos box whitebg tab-num04">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">建站视频教程</li>
                <li>seo视频教程</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 视频1 --}}
                @include("frontend/news/full/video1")
                <span class="tab-a-more"><a href="/public" title="更多建站视频教程"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 视频2 --}}
                @include("frontend/news/full/video2")
                <span class="tab-a-more"><a href="/public" title="更多seo视频教程"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <!-- videos end-->
    <div class="blank clear"></div>
    <div class="wenzi whitebg box tab-num05">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">标题链接</li>
                <li>标题链接</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 文字1 --}}
                @include("frontend/news/full/wenzi1")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 文字2 --}}
                @include("frontend/news/full/wenzi2")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <!-- wenzi end-->
    <div class="clear"></div>
    <div class="ad ad-all">大图广告（1170*140）</div>
    <div class="wenzi whitebg box tab-num06">
        <div class="gd-box">
            <ul id="tab">
                <li class="tab-current">资源分享</li>
                <li>下载列表</li>
            </ul>
        </div>
        <div id="tab-content">
            <section>
                {{-- 下载1 --}}
                @include("frontend/news/full/down")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
            <section>
                {{-- 下载2 --}}
                @include("frontend/news/full/down2")
                <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
            </section>
        </div>
    </div>
    <div class="clear blank"></div>
    <div class="whitebg box tags">
        <div class="news-title">
            <h2>热门标签</h2>
            <span class="tab-a-more"><a href="/public" title="更多"><i></i><i></i><i></i></a></span>
        </div>
        <ul>
            <a href="/public" target="_blank">网站建设(1)</a>
            <a href="/public" target="_blank">个人博客(30)</a>
            <a href="/public" target="_blank">网站模板(3)</a>
            <a href="/public" target="_blank">时间轴(23)</a>
            <a href="/public" target="_blank">企业网站模板(3)</a>
            <a href="/public" target="_blank">个人博客模板(23)</a>
            <a href="/public" target="_blank">资讯网站(16)</a>
            <a href="/public" target="_blank">青于蓝(38)</a>
            <a href="/public" target="_blank">SEO(90)</a>
            <a href="/public" target="_blank">CSS3技巧(233)</a>
            <a href="/public" target="_blank">阿里云(146)</a>
            <a href="/public" target="_blank">鼠标悬停(23)</a>
            <a href="/public" target="_blank">网站建设(1)</a>
            <a href="/public" target="_blank">个人博客(30)</a>
            <a href="/public" target="_blank">网站模板(3)</a>
            <a href="/public" target="_blank">时间轴(23)</a>
            <a href="/public" target="_blank">企业网站模板(3)</a>
            <a href="/public" target="_blank">个人博客模板(23)</a>
            <a href="/public" target="_blank">资讯网站(16)</a>
            <a href="/public" target="_blank">青于蓝(38)</a>
            <a href="/public" target="_blank">SEO(90)</a>
            <a href="/public" target="_blank">CSS3技巧(233)</a>
            <a href="/public" target="_blank">个人博客模板(23)</a>
            <a href="/public" target="_blank">资讯网站(16)</a>
            <a href="/public" target="_blank">青于蓝(38)</a>
            <a href="/public" target="_blank">SEO(90)</a>
            <a href="/public" target="_blank">CSS3技巧(233)</a>
            <a href="/public" target="_blank">网站建设(1)</a>
            <a href="/public" target="_blank">个人博客(30)</a>
            <a href="/public" target="_blank">网站模板(3)</a>
        </ul>
    </div>
    <!-- tags end-->
    <div class="blank clear"></div>
    <div class="links whitebg box ">
        <div class="news-title">
            <h2>友情链接</h2>
        </div>
        <ul>
            <li><a href="http://www.rezhanwang.com" target="_blank">杨青青个人博客</a></li>
            <li><a href="https://www.qingqingblog.com/world/">站长圈子</a></li>
            <li><a href="http://www.isplm.com/">阅读文章网</a></li>
            <li>
                <a href="https://www.aliyun.com/1111/pintuan-share?ptCode=MTQ0NTI0MDk1MTI2MTIwMnx8MTE0fDE%3D&userCode=l1qstn8f">阿里云</a>
            </li>
            <li><a href="http://soutupian.ip3q.com/">搜图片</a></li>
        </ul>
    </div>
    <!-- links end-->
    <div class="blank clear"></div>
</article>

{{--底部--}}
@include("frontend/news/common/footer")


{{--手机弹出栏目--}}
@include("frontend/news/common/wap_menu_tanchu")

{{--手机底部菜单--}}
@include("frontend/news/common/wap_menu_buttom")

{{--返回顶部--}}

{{--返回顶部--}}
<a href="#" title="返回顶部" class="icon-top"></a>


</body>
</html>
